<template>
    <p>a:  {{ a }}</p>
    <img :src="imgUrl" alt="">

    <button v-on:click="alertOne">v-on</button>
    <ul>
        <li v-for="(value,key,index) in toDoseArr">{{ key }},{{ value }},{{ index }}</li>
    </ul>
</template>


<script setup>
    import {ref} from 'vue'
    const a  = ref('a')
    const imgUrl = 'https://tse2-mm.cn.bing.net/th/id/OIP-C.fVv0X6BaBqjTNIzIxMlX3wHaJ3?w=130&h=180&c=7&r=0&o=5&pid=1.7'
    const alertOne = ()=>{
        alert(1)
    }
    const toDoseArr=ref([
        '吃饭',
        '睡觉',
        '一的古罗马'
    ])
</script>